<template>
  <div class="wh hide" id="wrap" style="overflow: hidden">
    <div class="page1 page" style="position: relative">
      <div class="container" id="scroller">
        <div class="content" style="display: flex;flex-direction: column;height:100vh">
          <img style="z-index: -1;position: absolute;left: 0;right: 0;top:0;bottom: 0;width: 100vw" :src="`/img/background.jpg`" :onerror="defaultImg">
          <div style="width: 100%;height: 80px;line-height: 80px;color:rgb(255,255,208);letter-spacing: 1px;font-size: 16pt;text-align: left">
<!--            {{logo}}-->
          </div>

          <div style="flex: 1;height:100%;padding: 0 20px">
              <img :src="result" alt="" style="width: 100%">
          </div>

          <div style="width: 100%;height: 200px;text-align: center;display: flex">
            <div style="flex: 1">
              <img :src="btn3" alt="" style="width: 150px;margin: 0 10px">
            </div>
            <div style="flex: 1">
              <img :src="btn" alt="" style="width: 150px;margin: 0 10px">
            </div>
<!--            <img :src="btn" class="btn btn-back" style="width: 200px;cursor: pointer" @click="goback">-->
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { getbackground ,getRule} from '@/api/api'
import btn from '@/assets/btn4.png'
import result from '@/assets/result.png'
import btn3 from '@/assets/btn3.png'
export default {
  name: "result",
  data(){
    return{
      bgurl:process.env.VUE_APP_API_BASE,
      logo: '',
      rule: '',
      btn: btn,
      result: result,
      btn3: btn3,
      defaultImg: 'this.src="' + require('@/assets/MG149.jpeg') + '"',
    }
  },
  mounted() {
    // getbackground().then(result => {
    //   this.logo = result.data.logo
    // })
    getRule().then(result => {
      this.rule = result.data.content
    })
  },
  methods:{
    goback(){
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>
.btn-back {

  -webkit-animation: bounceInUp 1s linear both, icon 3.0s ease 1s infinite;
}
</style>